<template>
  <demoBlock title="起始位置" padding class="demo-circle">
    <vcu-circle
      :current-rate="75"
      :rate="rate"
      text="左侧"
      start-position="left"
    />
    <vcu-circle
      :current-rate="75"
      :rate="rate"
      text="右侧"
      start-position="right"
    />
    <vcu-circle
      :current-rate="75"
      :rate="rate"
      text="底部"
      start-position="bottom"
    />
  </demoBlock>
</template>

<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const rate = ref(0);

    return {
      rate,
    };
  },
});
</script>
<style lang="less" scoped>
.demo-circle {
  .vcu-circle {
    margin: 5px;
  }
}
</style>